<template>
    <div class="box">
        <div class="header">
            <van-action-bar>
                <van-action-bar-icon icon="chat-o" text="客服" dot />
                <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
                <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
                <van-action-bar-button type="warning" text="加入购物车" />
                <van-action-bar-button type="danger" text="立即购买" />
            </van-action-bar>
        </div>
        <div>
            <van-action-bar>
                <van-action-bar-icon icon="chat-o" text="客服" dot />
                <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
                <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
                <van-action-bar-button type="warning" text="加入购物车" @click="login" />
                <van-action-bar-button type="danger" text="立即购买" />
            </van-action-bar>
        </div>
    </div>
</template>
<script setup>
 import { ref } from "vue";
    import { useRouter } from "vue-router";
    const router=useRouter()
    const username=ref()
    const password=ref()
    let login=()=>{
        router.push('/login')
    }

</script>
